<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Homepage</title>
<link rel="stylesheet" href="css/style.css" media="screen" /> 
</head>

<body>
<div class="wrapper">
	<header>
    	<div class="topheader">
        	<section><h3><a href="javascript:;">Made by people</a></h3></section>
            <aside>
                <p class="navtop">
                	<a href="javascript:;">login</a>
                    <a href="javascript:;">cart(0)</a>
                    <a href="javascript:;" class="arrow1">more</a>
                </p>
            </aside>
        </div>
        <nav class="navmain">			
        	<!--<h3><a href="javascript:;" class="active">Create</a><br /><a href="javascript:;">Shop</a></h3>	-->					
            <ul class="mainmenu">
            	<li><a href="javascript:;" class="active">BROWSE</a>
					<ul class="browse-submenu">
                    	<li><a href="javascript:;">MY HOME</a></li>
                        <li><a href="javascript:;">MY DESIGNS</a></li>
                        <li><a href="javascript:;">LIKE | LIKED </a></li>
                        <li><a href="javascript:;">VOTES | VOTED  </a></li>
                        <li><a href="javascript:;">FRIENDS</a></li>
                        <li><a href="javascript:;">FRIEND REQUESTS (2) </a></li>
                        <li><a href="javascript:;">VIEWS</a></li>
                        <li><a href="javascript:;">COMMENTS</a></li>
                        <li><a href="javascript:;">MY PROFILE </a></li>
                        <li><a href="javascript:;">MY SETTINGS</a></li>
                        <li><a href="javascript:;">CHANGE EMAIL</a></li>
                    </ul>
				</li>
                <li><a href="javascript:;">DESIGN</a></li>
                <li><a href="javascript:;">BRAND IT</a></li>
                <li><a href="javascript:;">MY STUFF</a></li>
                <li><a href="javascript:;">BLOG</a></li>
            </ul>
        </nav>
        
    </header>
    <div class="maincontent">    	
    	<div class="mainbanner"><img src="images/banner.jpg" /></div>
        <h2 class="tlt-feature">Features stories</h2>
        <ul class="feature-story">
            <li><div class="box">STORY NUMBER 1</div><p>Latest Look</p></li>
            <li><div class="box">STORY NUMBER 2</div><p>What is Made By Poeple?</p></li>
            <li><div class="box">STORY NUMBER 3</div><p>We Got The Brawn, You Got the Look...</p></li>
            <li><div class="box">STORY NUMBER 4</div><p>Thai Cheerleaders</p></li>
            <li><div class="box">STORY NUMBER 5</div><p>Where do we go from here?</p></li>
            <li><div class="box">STORY NUMBER 6</div><p>We provide the foundation , you provide the clothes...</p></li>
        </ul>
    </div>
    <footer>
    	<nav>
        	<div class="follow">
            	<h4>Follow us</h4>
                <span>for fashion freshness Twitter<br /><br />BECOME A FAN Facebook </span>
            </div>
            <div class="about">
            	<h4>About</h4>
                <span>Made By People is not a cottage industry for sewing circles.  <br />It is
a high tech solution for fashion democracy.</span>
            </div>
            <ul>
            	<li>FOR DESIGNERS:</li>
                <li><a href="javascript:;">Create a Look</a></li>
                <li><a href="javascript:;">Browse a Look</a></li>
                <li><a href="javascript:;">Broswe Sketches</a></li>
                <li><a href="javascript:;">Browse Samples</a></li>
                <li><a href="javascript:;">Discover Designers</a></li>
            </ul>
            <ul>
            	<li>FOR SHOPPERS:</li>
                <li><a href="javascript:;">Whats New</a></li>
                <li><a href="javascript:;">Vote</a></li>
                <li><a href="javascript:;">Prebuy</a></li>
                <li><a href="javascript:;">Goto to Shop</a></li>
            </ul>
            <ul>
            	<li>MADE BY PEOPLE:</li>
                <li><a href="javascript:;">About</a></li>
                <li><a href="javascript:;">Learn</a></li>
                <li><a href="javascript:;">Contact</a></li>
                <li><a href="javascript:;">Press Access</a></li>
                <li><a href="javascript:;">Wholesale </a></li>
                <li><a href="javascript:;">Team</a></li>
                <li><a href="javascript:;">Privacy Policy</a></li>
                <li><a href="javascript:;">Terms of Service</a></li>
                <li><a href="javascript:;">Careers</a></li>
                <li><a href="javascript:;">FAQ</a></li>
            </ul>
        </nav>
        <div class="copyright">
        	<h4>© 2012 Made By People all rights reservedr</h4>
        </div>
    </footer>
</div>
</body>
</html>
